<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>几个果农-详情页</title>
    <link type="text/css" rel="stylesheet" href="css/base.css"/>
    <link type="text/css" rel="stylesheet" href="css/animations.css"/>
    <link type="text/css" rel="stylesheet" href="css/layout.css?3"/>
</head>
<body>
<header class="page-top">
    <span class="restore-btn-outer">
        <a href="javascript:;" class="restore-btn" id="restoreBtn"></a>
    </span>
    <span class="back-btn-outer">
        <a href="index.html" class="back-btn"></a>
    </span>
</header>
<div class="container">
    <div class="content">
        <div class="detail-wrapper">
            <section class="detail-up">
                <div class="detail-img-outer">
                    <img src="images/goods3.jpg"/>
                </div>
                <div class="other-infos">
                    <p class="goods-name">火龙果火龙果火龙果火龙果火龙果火龙果火龙果火龙果火龙果火龙果火龙果火龙果火龙果火龙果火龙果</p>
                    <p class="goods-price">￥45.0/05斤装</p>
                </div>
            </section>
            <section id="tabs">
                <div class="tabs-title">
                    <ul>
                        <li><a href="javascript:;">图文详情</a></li>
                        <li><a href="javascript:;">猜你喜欢</a></li>
                    </ul>
                </div>
                <div class="tabs-content">
                    <img src="images/swipe1.jpg" alt="火龙果光哥爱吃"/>
                </div>
                <div class="tabs-content" style="display:none">
                    <ul class="love-list">
                        <li>
                            <a href="###">
                                <div class="love-img"><img src="images/goods1.jpg"/></div>
                                <div class="love-info">
                                    <p class="goods-name">智力车厘子</p>
                                    <p class="goods-price">￥29.9一袋/500克</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="###">
                                <div class="love-img"><img src="images/goods1.jpg"/></div>
                                <div class="love-info">
                                    <p class="goods-name">智力车厘子</p>
                                    <p class="goods-price">￥29.9一袋/500克</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="###">
                                <div class="love-img"><img src="images/goods1.jpg"/></div>
                                <div class="love-info">
                                    <p class="goods-name">智力车厘子</p>
                                    <p class="goods-price">￥29.9一袋/500克</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="###">
                                <div class="love-img"><img src="images/goods1.jpg"/></div>
                                <div class="love-info">
                                    <p class="goods-name">智力车厘子</p>
                                    <p class="goods-price">￥29.9一袋/500克</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="###">
                                <div class="love-img"><img src="images/goods1.jpg"/></div>
                                <div class="love-info">
                                    <p class="goods-name">智力车厘子</p>
                                    <p class="goods-price">￥29.9一袋/500克</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </section>
        </div>
    </div>
</div>
<footer class="footbar">
    <div class="buy-outer">
        <div class="add-outer" id="nums">
            <a href="javascript:;" class="minus-btn">-</a>
            <span class="buy-num">1</span>
            <a href="javascript:;" class="add-btn">+</a>
        </div>
        <div class="shopcar-outer2">
            <a href="javascript:;" class="shopcar-add-btn" id="addShopCar">加入购物车</a>
        </div>
    </div>
</footer>
</div>

<script type="text/javascript" src="js/sea.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<!--<script type="text/javascript" src="js/public.js"></script>-->
<!--<script type="text/javascript" src="js/zepto-1.1.6.min.js"></script>-->
<!--<script type="text/javascript" src="js/idangerous.swiper-2.1.min.js"></script>-->
<!--<script type="text/javascript" src="js/plugins.js"></script>-->
<script>
    seajs.use('modules/detail');
</script>
</body>
</html>